import styles from "./index.module.scss";

import { ReactElement ,ReactNode} from "react";

interface Props {
  title: ReactNode;
  left: ReactElement;
  right?: ReactElement;
  className?: string;
}

export default function Header({ title, left, right, className }: Props) {
  return (
    <div className={`${styles.container} ${className}`}>
      {left}
      <div className={styles.title}>{title}</div>
      {right}
    </div>
  );
}
